$activeColor: #666;

.album-container{
  padding: 20px;
}

.album-nav-header{
  ul.album-nav{
    overflow: hidden;
    li{
      float: left;
      margin-right: 26px;
      line-height: 22px;
      font-size: 14px;
      color: #808080;
      cursor: pointer;
    }
    li.active{
      color: $activeColor;
      border-bottom: 2px solid $activeColor;
    }
  }
}

.album-sub-list{
  margin-top: 14px;
  overflow: hidden;

  .photo-item{
    position: relative;
    float: left;
    width: 30%;
    margin-right: 20px;
    margin-top: 15px;
    cursor: pointer;
    /*box-shadow: 2px 2px 12px 2px rgba(0, 0, 0, 0.5);*/

    &:hover{
      .photo-fade{
        display: block;
        opacity: .6;
      }
      .item-detail-box{
        display: block;
      }
    }

    &:before{
      position: absolute;
      content: "";
      top: -3px;
      left: 8px;
      right: 8px;
      height: 1px;
      background-color: rgba(0, 0, 0, 0.2);
      z-index: 1;
    }
    &:after{
      position: absolute;
      content: "";
      top: -5px;
      left: 13px;
      right: 13px;
      height: 1px;
      background-color: rgba(0, 0, 0, 0.2);
    }

    a{
      position: relative;
      display: block;
      background: #021f4e;
      opacity: .8;

      img{
        display: block;
        width: 100%;
      }

      .item-title{
        position: absolute;
        left: 0;
        right: 0;
        top: 21px;
        color: #fff;
        text-align: center;
        font-size: 18px;
        /* line-height: 1; */
        height: 22px;
        overflow: hidden;
        padding: 0 25px;
      }

      .photo-fade{
        display: none;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        background: #021f4e;
        opacity: .2;
      }
    }

    .item-detail-box{
      display: none;
      position: absolute;
      overflow: hidden;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      border: 3px solid #fff;
      margin: 6px;
      padding: 40px 16px 16px;
      color: #fff;

      .box-inner{
        padding-top: 10px;
        border-top: 2px solid #fff;
      }
    }
    .detail-list{
      font-size: 12px;
      line-height: 20px;
    }
  }
}


.video-brief{
/*  width: 940px;
*/  margin: 20px 0;
  padding-left: 6%;
  line-height: 20px;
}